Fix vote-count sidebar chart floating over the member list below 992px - #455
Open
JeffreyBLewis wants to merge 1 commit into
Open
Fix vote-count sidebar chart floating over the member list below 992px#455JeffreyBLewis wants to merge 1 commit into
JeffreyBLewis wants to merge 1 commit into
Conversation
$("#vote_chart_float").stick_in_parent() pins the vote page's party
vote-count bar chart to the viewport as you scroll past it, so it stays
visible alongside the member vote list below. That's fine at >=992px
where the two columns sit side by side, but Bootstrap stacks them to
full width below that -- so the "stuck" chart became a full-width bar
fixed to the top of the viewport, floating directly over the member
list as it scrolled underneath.
Gate the sticky behavior on window width (>=992px, matching the
Bootstrap md breakpoint where the columns are actually side by side),
and detach/reattach it on resize so someone resizing the window mid-
scroll doesn't get stuck in a broken state either way.
Verified with headless Chromium (Playwright) at 375/768/900/992/1280px,
scrolling the full height of a rollcall page and checking the chart's
bounding box against the vote list's at every 100px of scroll: no
overlap at any sampled position after the fix (previously overlapped
at 375/768/900px), desktop sticky behavior at >=992px is unchanged,
and a resize across the breakpoint mid-scroll correctly attaches/
detaches with no console or page errors.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013KJMYfgTNsxrmjHZpZKAHT
This was referenced Sep 7, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
$("#vote_chart_float").stick_in_parent()pins the rollcall page's party vote-count bar chart to the viewport while scrolling, so it stays visible next to the member vote list. That's correct at >=992px where the two Bootstrap columns sit side by side, but below that breakpoint the columns stack to full width -- so the "stuck" chart became a full-width bar fixed to the top of the viewport, floating directly over the member list as it scrolled underneath it.Fix: gate the sticky behavior on
$(window).width() >= 992(matching the Bootstrapmdbreakpoint where the columns are actually side by side), and attach/detach on resize so a window resize mid-scroll doesn't leave it in a broken state either way.Test plan
Verified with headless Chromium (Playwright), not just HTTP/syntax checks this time:
node --checkon the changed file🤖 Generated with Claude Code
https://claude.ai/code/session_013KJMYfgTNsxrmjHZpZKAHT